<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
 
  <script>
    'use strict'
    3+5;

    //  数据可以直接操作 .但是有时候很多数据相当复杂,直接操作很麻烦
    // 数据操作频繁 

    // 所以我们 将数据 用 变量 来代表(保存),这样 后序使用时,直接使用 该变量 即可 
    
    // 声明/定义了一个变量 名字叫 msg 
    var msg;
    // 将 'hello world' 这个数据 赋值给 变量 msg 
    // 此时msg 存储的 就是 'hello world' 这个数据
    msg = 'hello world';
    console.log(msg); // 打印出 msg 存储的 数据(内容)
  
    // 简洁一点，我们可以将变量定义和赋值合并成一行：
    // 声明变量 message,同时 赋值为  'hi'
    var message = 'hi';

    


    // 同时声明多个变量
    // var a = 10;
    // var b = 20;
    // var c = 30;
    var a = 10,
    b = 20,
    c = 30;

    // 也可以用let 关键词 声明变量
    let username = 'john';
    var pwd = '123';

    // 注意: 声明变量 必须 带 关键词 var 或者 let
    // 首次创建的时候需要带 关键词 
    // 开启严格模式 下 ,报错  num is not defined
    // num = 200;
    // console.log(num);


    // 变量必须 先声明(定义/创建) 后使用

    console.log(f); // f is not defined  (没有 f 这个变量)
  </script>
</body>
</html>